<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr = []
        for (var i = 0; i < 10; i++) {
            // function f() {
            //     debugger;
            //     console.log(i)
            // }
                // arr[i] = function f() {
                // debugger;
                // console.log(f)
               (
                   function(i) {
                    setTimeout(() => {
                    
                    console.log(i)
                    }, 0);
                   }
                
               )(i) 
            // }
        }

        // arr[5]()

        // let arr = []
        // for (let i = 0; i < 10; i++) {
        //     // function f() {
        //     //     debugger;
        //     //     console.log(i)
        //     // }
        //     (function(i){

        //         arr[i] = function f() {
        //         debugger;
        //         console.log(f)
        //         console.log(i)
        //     }
        //     })(i)
        // }

        // arr[5]()

    </script>
</body>

</html>